import React from 'react';
import ReactDOM from 'react-dom';
import './main.css';

class ShoppingList extends React.Component {
    render() {
        return (
            <div className="shopping-list">
                <h1>Shopping List for {this.props.name}</h1>
                <ul>
                    <li>Instagram</li>
                    <li>WhatsApp</li>
                    <li>Oculus</li>
                </ul>
            </div>
        );
    }
}

class HelloMessage extends React.Component{
    render(){
        return (
            <h1>hello world!</h1>
        );
    }
}


ReactDOM.render(
    <ShoppingList name="Mark1"></ShoppingList>,
    document.getElementById('app')
);